.standard {
    width: 100vw;
    height: 85vh;
    display: flex;
    flex-direction: column;
    padding: 30rpx;
    .top-bar {
        padding: 10rpx;
        display: flex;
        line-height: 60rpx;
        .name {
            font-weight: bold;
            height: 120rpx;
            margin-left: 20rpx;
        }
    }
    .title {
        font-size: 30rpx;
        font-weight: 600;
        color: #333333;
        line-height: 60rpx;
        text-align: center;
    }
    .infomation {
        padding: 20rpx;
        .right-part {
            margin-left: 20rpx;
            .name {
                font-size: 26rpx;
                font-weight: 500;
                color: #333333;
                line-height: 52rpx;
            }
            .price {
                font-size: 28rpx;
                color: #ff3300;
                line-height: 60rpx;
                &::before {
                    content: '￥';
                }
                .price-text:not(:last-child)::after {
                    content: '/';
                }
            }
        }
    }
    .summary {
        &-text {
            font-size: 24rpx;
            font-weight: 28rpx;
            color: #333333;
            line-height: 60rpx;
        }
        &-price {
            margin-left: 76rpx;
            font-size: 26rpx;
            font-weight: 500;
            color: #ff0000;
            line-height: 60rpx;
            &::before {
                content: '￥';
            }
        }
    }
}

.min-height {
    min-height: 300rpx;
}

.skus-color-btns {
    display: flex;
    flex-wrap: wrap;
    .skus-color-item {
        width: calc((100% - 40rpx) / 3);
        margin-right: 20rpx;
        margin-bottom: 20rpx;
        // padding: 2rpx;
        border-radius: 6rpx;
        position: relative;
        box-shadow: 0 2rpx 5rpx rgba(0, 0, 0, .2);
        &-name {
            overflow: hidden;
            font-size: 20rpx;
            text-align: center;
            vertical-align: middle;
        }
        &-checked {
            border: 1rpx solid #FF9900;
            background-color: #FF9900;
            color: white;
        }
    }
    .skus-color-item:nth-child(3n + 0) {
        margin-right: 0;
    }
    .icon-suofang {
        position: absolute;
        right: 10rpx;
        top: 10rpx;
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        font-size: 32rpx;
        width: 45rpx;
        line-height: 45rpx;
        text-align: center;
        height: 45rpx;
    }
}

.skus-info {
    padding: 0 20rpx;
    .skus-info-item {
        display: flex;
        border-bottom: 1rpx solid #cccccc;
        padding: 20rpx 0;
    }
    .skus-stock {
        font-size: 24rpx;
        color: #b5b5b5;
        text-align: right;
    }
}

.sku-min-height {
    min-height: calc((100vw - 80rpx) / 3);
}

.inner-view {
    height: calc(100% - 200rpx - 60rpx - 80rpx - 50rpx);
    // flex: 1;
}
.badge{
    min-width: 40rpx;
    min-height: 40rpx;
}
